<div class="loading-container"><div class="loader"></div></div>

<div class="wrapper wrapper-shadow wrapper-list"> 
	<!-- list data wrapper -->
	<div class="result-wrapper no-padding">
   	<div class="result-body">
   		<div class="tabs">
      	<ul class="nav nav-tabs widget no-margin-bottom">
        	<li class="active"> 
         		<a href="#tab-content" data-toggle="tab"> 
         			<span class="menu-icon"><i class="fa fa-user-plus"></i></span> 话费充值记录
           	</a>
         	</li> 
        </ul>
        <div class="tab-content no-border xs-padding">
					<div class="tab-pane active" id="tab-content">
           	<table data-ajax="handlerSearch" 
       					 	 data-method="post" 
       					 	 data-search="true" 
       					 	 data-toolbar="#toolbar" 
       					 	 data-id-field="id" 
       					 	 data-unique-id="id" 
       					 	 data-pagination="true" 
       					 	 data-show-toggle="true" 
       					 	 data-show-refresh="true" 
       					 	 data-show-columns="true" 
       					 	 data-check-on-init="true" 
       					 	 data-click-to-select="true" 
       					 	 data-side-pagination="server" 
       					 	 data-mobile-responsive="true" 
       					 	 data-event-onload="handlerSuccess" 
       					 	 data-form-search="#search-form-callers" id="table-callers" class="bootstrap-table">
							<thead>
								<tr>
									<th data-field="id" 				 data-visible="false" data-switchable="false">ID</th>
									<th data-field="shopname"   data-align="center">机构</th>
									<th data-field="unit" 			data-align="center">单价</th>
									<th data-field="total"  		data-align="center">总价</th>
									<th data-field="length" 	 	data-align="center">购买时长</th>
									<th data-field="rested" 		data-align="center">剩余时长</th>
									<th data-field="createDate" data-align="center">购买时间</th>
									<th data-field="status" 	  data-align="center">是否支付</th>
									</tr>
							</thead>
						</table>
        	</div>
      	</div>
    	</div>
   	</div>
	</div>

	<!-- form editor wrapper -->
	<div class="editor-wrapper">
		
	</div>
</div>

<!-- 查询表单 ========================================================= -->
<form id="search-form-callers" action="/miwawa/default/common/search.json" method="post" 
			name="com.app.miwawa.api.system.entity.view.CallersView">
			<input type="hidden" data-search-sort="createDate" 	data-search-order="desc"/>
			<input type="hidden" data-search-sort="id" 					data-search-order="asc"/>
</form>

<!-- 删除表单 ========================================================= -->
<form id="remove-form-callers" action="/miwawa/default/common/remove" method="post" name="com.app.miwawa.api.system.entity.Callers"></form>
			
<!-- Javascript ===================================================== -->
<script src="/miwawa/resources/lib/miwawa/1.0.2/js/core/requirejs/require.js"></script>

<script type="text/javascript">
<!--
	
	jQuery(function(){
		require(['/miwawa/resources/lib/miwawa/1.0.2/js/core/module/app/simple.js'], function(simple){
			simple(['registerForm','registerTable','registerWidget']);
		});
	});
//-->
</script>
